<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>分类</title>
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/category.css">
</head>

<body>
	<header>
		<div class="search-box">
			<a class="search_input" href="./search.html">搜索商品,共10000款好物</a>
		</div>
	</header>
	<div class="content">
		<div class="left">
			<ul class="category_list">
			</ul>
		</div>
		<div class="right">
			<div class="banner"><a href="#"><img src="./img/category/banner.jpg" alt=""></a></div>
			<div class="title">女士分类</div>
			<ul class="sub_list">
				<li class="item">
					<a href="#">
						<img src="./img/category/category1.jpg" alt="">
						<div class="name">衬衫</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<nav>
		<ul class="nav">
			<li>
				<a href="./index.html">
					<img src="./img/category/nav1.png" alt="">
					<div class="name">首页</div>
				</a>
			</li>
			<li>
				<a href="./preferred.html">
					<img src="./img/category/nav2.png" alt="">
					<div class="name">优选</div>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="./img/category/nav3s.png" alt="">
					<div class="name">分类</div>
				</a>
			</li>
			<li>
				<a href="./cart.html">
					<img src="./img/category/nav4.png" alt="">
					<div class="name">购物车</div>
				</a>
			</li>
			<li>
				<a href="./user.html">
					<img src="./img/category/nav5.png" alt="">
					<div class="name">我的</div>
				</a>
			</li>
		</ul>
	</nav>
	<script src="./js/axios.min.js"></script>
	<script src="./js/axios.config.js"></script>
	<script src="./js/category.js"></script>
</body>

</html>